<!--
描述：楼房信息-查看组件
开发人：fwb
开发日期：2017年12月11日
-->
<template lang="pug">
    kalix-dialog.user-add(bizKey="completion" ref="kalixBizDialog" v-bind:formModel.sync="formModel" isView)
        div.el-form(slot="dialogFormSlot")
            el-form-item(label="类别" prop="type" v-bind:label-width="labelWidth")
                kalix-dict-select(v-model="formModel.type" appName="enrolment" dictType="类别" disabled)
            el-form-item(label="题干" prop="stem" v-bind:label-width="labelWidth")
                el-input(v-model="formModel.stem" type="textarea" readonly)
            div.s-flex
                el-form-item.s-flex_item(label="答案A" prop="answerA" v-bind:label-width="labelWidth")
                    el-input(v-model="formModel.answerA" readonly)
                el-form-item.s-flex_item(label="答案B" prop="answerB" v-bind:label-width="labelWidth")
                    el-input(v-model="formModel.answerB" readonly)
            div.s-flex
                el-form-item.s-flex_item(label="答案C" prop="answerC" v-bind:label-width="labelWidth")
                    el-input(v-model="formModel.answerC" readonly)
                el-form-item.s-flex_item(label="答案D" prop="answerD" v-bind:label-width="labelWidth")
                    el-input(v-model="formModel.answerD" readonly)
            el-form-item(label="试题解析" prop="analysis" v-bind:label-width="labelWidth")
                el-input(v-model="formModel.analysis" type="textarea" readonly)
</template>

<script type="text/ecmascript-6">
    import FormModel from './model'

    export default {
        name: 'CompletionView',
        data() {
            return {
                formModel: Object.assign({}, FormModel),
                labelWidth: '120px'
            }
        },
        methods: {}
    }
</script>
